.loginIn {
    display: block;
}

/*地址*/
.addtress{ position: absolute;top:130px;top:1.3rem;z-index: 1; margin-left: 200px; margin-left: 2rem; color: #ffffff;}
.addtress a{color:#ffffff;}
/*地址结束*/

/*banner*/
.banner{ z-index: 0;position: relative;}
.banner img{width: 100%; height: auto;}
.el-carousel__button{width:80px;width:0.8rem; height: 6px; border-radius: 50px; border:1px solid #ffffff; background: none; opacity: 1}
.el-carousel__indicator.is-active button{opacity:1;border:none; background: #ffffff; }
.el-carousel__indicators--horizontal{ bottom: 28px; bottom: 0.28rem;}
.el-carousel__arrow--left{ display: none;}
.el-carousel__arrow--right{ display: none;}
/*banner结束*/

/*标题*/
.title{ height: 37px;height: 0.37rem;padding-bottom: 14px;padding-bottom: 0.14rem; border-bottom: 2px solid #f2f2f2; overflow: visible; margin-bottom: 29px; margin-bottom: 0.29rem;}
.title p{ height: 37px;height: 0.37rem;line-height: 37px;line-height:0.37rem;padding-bottom: 10px;padding-bottom: 0.1rem; border-bottom:  4px solid #999;min-width: 112px; min-width: 1.12rem; float: left; font-size: 28px; font-size: 0.28rem; color: #333333; position: relative;top:2px;top:0.02rem;font-weight: 600;}
.title a{ display: block; float: right;line-height: 37px;line-height:0.37rem;height: 26px;height: 0.26rem;color: #0099ff;}
/*标题结束*/

/*分类菜单*/
.content{ overflow: hidden;}
.item-category{width:288px;width:2.88rem; height: 262px;height: 2.62rem;border-radius: 12px; background: url("../imgs/img_Live broadcast.png") no-repeat; background-size:100% 100%; overflow: hidden; padding-top: 147px;padding-top: 1.47rem;text-align: center; box-sizing: border-box; float: left}
.item-category h1{ font-size: 24px; font-size: 0.24rem; color: #fff;}
.item-category a{ color: #ffffff; padding-top: 16px; padding-top: 0.16rem; display: block}

/*分类菜单结束*/

/*普通卡片*/
.item-list ul{ display: block;overflow: hidden}
.item-list ul li{ display: inline-block;overflow: hidden; width: 288px;width: 2.88rem;margin-bottom: 15px;margin-bottom: 0.15rem; margin-left: 12px; margin-left: 0.12rem;}
.item-list ul li:hover{transform: scale(1.02);box-shadow: 0 0 15px #ccc;cursor: pointer;}
.item-list ul li.lock{position: relative; z-index: 0;}
.item-list ul li .lock-icon{position: absolute;top:0px;left: 0px; z-index: 1}
.item-list ul li .class-img{ width: 288px; width: 2.88rem; height: 162px; height: 1.62rem; position: relative;}
.item-list ul li .class-img p {position: absolute; bottom: 0px;background:rgba(51,51,51,0.5);overflow: hidden; width: 100%;height: 32px;height: 0.32rem;}
.item-list ul li .class-img p .space-number,.item-list ul li .class-img p .class-status{height: 32px;height: 0.32rem;line-height: 32px;line-height: 0.32rem;}
.space-number {float: left;width: 85px;width: 0.85rem;height: 58px;height: 0.58rem;line-height: 58px;line-height: 0.58rem;color: #00ffff;padding-left: 20px;padding-left: 0.2rem;}
.class-status {float: right;height: 58px;height: 0.58rem;font-size: 12px;line-height: 58px;line-height: 0.58rem;color: #f2f2f2;padding-right: 20px;padding-right: 0.2rem;text-align: center;}
.class-status:before {content: url(../imgs/icon_Number_of_participants.png);width: 12px;height: 12px;vertical-align: middle; float: left; margin-top: 4px;margin-top: 0.04rem;margin-right: 7px;}
.class-teacher { display: inline-block;height: 50px; height: 0.5rem;font-size: 14px;font-weight: normal; line-height: 50px;line-height: 0.5rem;color: #999999;margin-right: 10px;margin-right: 0.1rem;position: relative;padding-left: 18px;}
.class-teacher::before {content: url(../imgs/icon_Speaker.png);display: inline-block;background: none;margin-right: 5px;margin-right: 0.05rem;position: absolute;top: 3px;left: 0px;}


.other-class-info{height: 100px;height: 1rem;width: 100%;background-color: #f9f9f9; padding:20px; padding:0.2rem; box-sizing: border-box}
.other-class-name{width: 240px;width: 2.4rem;height: 26px;height: 0.26rem;line-height: 26px;line-height:  0.26rem; font-weight: 600;}
.other-class-name a{color: #333333;}
.class-teacher{float: left}
.class-living{float: right;font-size: 12px;line-height: 50px;line-height: 0.5rem;color: #666666;}
.other-classes .news-title ul{ float: left}
.other-classes .news-title ul li{cursor: pointer;display: inline-block;color: #666666; margin-right: 30px;margin-right: 0.30rem;padding-bottom: 12px;padding-bottom: 0.12rem;min-width: 100px;min-width: 1rem;text-align: center;}
.other-classes .news-title ul li.active{	font-size: 28px;font-size: 0.28rem;color: #0099ff;}
.other-classes .news-title ul li.active:after{content:" ";color: #0099ff; height: 6px;height: 0.06rem; width:100%; background-color: #0099ff;border-radius: 5px; text-align: center; display: block;}
/*普通卡片结束*/

/*直播*/
.on-living{padding: 60px 200px;padding: 0.6rem 2rem;}
.on-living .title p{color:#ff737b;border-bottom: 6px solid #ff737b;top:0px;}
.on-living .title a{color: #ff737b;cursor: pointer;}
/*直播结束*/

/*即将开始*/
.unstart-living{ background: #f9f9f9;padding: 60px 200px;padding: 0.6rem 2rem;}
.unstart-living .title p{color:#587bfd;border-bottom: 6px solid #587bfd;top:0px;}
.unstart-living .title a{color: #587bfd;}
.unstart-living .item-category{ background: url("../imgs/img_Upcoming live broadcast.png") no-repeat;  background-size:100% 100%; }
.unstart-living .other-class-info{ background: #ffffff;}
/*即将开始结束*/

/*直播排行*/
.living-rank{padding: 60px 200px;padding: 0.6rem 2rem;}
.living-rank .title p{color:#00e627;border-bottom: 6px solid #00e627;top:0px;}
.living-rank .title a{color: #00e627;}
.living-rank .item-category{background: url("../imgs/img_Live broadcast ranking.png") no-repeat; background-size:100% 100%;  }
/*直播排行结束*/

[v-cloak]{
    display: none;
}
